
<!DOCTYPE html>
<html class="loginHtml" lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <meta name="description" content="豆田，发现美好世界！豆田是一个高质量内容的社区，在这里分享美好的图片和你对世界的想法。在这里一起发现美好世界！"/>
    <meta name="keywords" content=" 豆田,诗歌,图片,远方,精彩,智慧,感动,分享,美好"/>
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1" />
    <title>下载豆田客户端</title>
    <script>
        // PC端移动端 跳转
        var is_mobi = navigator.userAgent.toLowerCase().match(/(ipod|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null;
        if (is_mobi) {
            window.location.href = "/sharepark/carIndex";
        }
    </script>
    <style>
        html {
            /*height: 100%;*/
        }

        body {
            margin: 0;
            padding: 0;
            height: 100%;
            font-family: Arial, "Helvetica Neue", Helvetica, "Microsoft YaHei", "寰蒋闆呴粦", sans-serif;
            text-align: center;
            background-color: rgba(51, 70, 93, 1);
        }

        .header {
            position: fixed;
            z-index: 100;
            width: 100%;
            height: 52px;
            background-color: rgba(51, 70, 93, 1);
            color: white;
            border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        }

        .header a {
            margin-top: 10px;
            display: block;
            color: white;
            text-decoration: none;
        }

        #mainContent {
            width: 100%;
            height: 800px;
            padding-top: 30px;
        }

        #mainContent_ilife {
            width: 100%;
            background-color: rgba(0, 204, 153, 1);
            height: 800px;
            overflow: hidden;
        }

        #appScreenShot {
            display: inline-block;
            position: relative;
            width: 256.5px;
            height: 524.5px;
        }

        #appScreenShot_ilife {
            display: inline-block;
            position: relative;
            width: 300px;
            height: 600px;
            margin-top: 50px;
        }

        #fg {
            position: absolute;
            left: 16px;
            float: left;
            top: 62px;
            width: 225px;
            height: 400px;
        }

        #content, #content_ilife {
            width: 900px;
            height: 800px;
            margin: 50px auto;
        }

        #appScreenShot img, #appScreenShot_ilife img {
            max-width: 100%;
            max-height: 100%;
        }

        #descText, #titleText, #titleText_ilife, #descText_ilife {
            width: 100%;
            color: white;
            font-size: 22px;
            margin-top: 50px;
        }

        #descText {
            margin-top: 20px;
            font-size: 18px;
        }

        #downloadInfo, #downloadInfo_ilife {
            display: inline-block;
            float: right;
            width: 300px;
            height: 300px;
            margin-right: 50px;
        }

        #codeContainer, #codeContainer_ilife {
            width: 200px;
            height: 200px;
            margin: 20px auto;
            background-color: white;
        }

        #qrCode {
            width: 200px;
            height: 200px;
        }

        #appStore, #android {
            width: 200px;
            height: 50px;
            margin: 30px auto;
            border-radius: 3px;
            background-color: rgba(0, 204, 153, 1);
        }

        #appStore a, #android a {
            text-decoration: none;
            color: white;
            line-height: 50px;
        }

        #model {
            width: 100%;
            height: 100%;
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 200;
            background-color: rgba(0, 0, 0, 0.7);
        }

        #modelContent {
            color: white;
            font-size: 18px;
            margin-top: 60px;
        }
    </style>
</head>
<body>
<div id="mainContent">
    <div id="titleText">共享车位 停车从未如此简单</div>
    <div id="content">
        <div id="appScreenShot">
            <img id="bg" th:src="@{/pc/images/app_iphone.png}">
            <img id="fg" th:src="@{/pc/images/sc.png}">
        </div>
        <div id="downloadInfo">
            <div id="descText">扫描下载客户端</div>
            <div id="codeContainer">
                <img th:src="@{/pc/images/code.png}" width="200px">
            </div>
            <div id="appStore">
                <a href="https://itunes.apple.com/cn/app/%E8%B1%86%E7%94%B0-%E5%8F%91%E7%8E%B0%E7%BE%8E%E5%A5%BD%E4%B8%96%E7%95%8C/id1033050726?mt=8">
                    AppStore下载
                </a>
            </div>

            <div id="android">
                <a href="https://cdn.doutian.me/apk/adoutian.apk">
                    Android下载
                </a>
            </div>
        </div>
    </div>
</div>
<div id="model">
    <div id="modelContent">请点击右上角选择在浏览器中打开</div>
</div>
</body>
</html>
